<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" href="css/zhifu.css" rel="stylesheet">
</head>
<body>
<div class="box">
    <div class="one_box">
            <p>支付</p>
            <a href="我的.html">
            <img src="img/左箭头.png" alt="" id="jiantou">
            </a>
            <img src="img/三个点.png" alt="" id="dian">
    </div>
    <div class="two_box" style="margin-top: 131px">
        <div class="center_box">
            <div class="one">
                <img src="img/收付款.png" alt="">
                <span>收付款</span>
            </div>
            <div class="tt">
            </div>
            <div class="two">
                <img src="img/钱包.png" alt="">
                <span>钱包</span>
                <span id="jine">999999</span>
            </div>
        </div>
    </div>
    <div class="three_box">
        <div class="one1">
            <p>金融理财</p>
        </div>
        <div class="one2">
            <div class="one2_box1">
                <img src="img/001%20(2).png" alt="">
                <span>信用卡还款</span>
            </div>
            <div class="one2_box2">
                <img src="img/001%20(3).png" alt="">
                <span>理财通</span>
            </div>
        </div>
    </div>
    <div class="four_box">
        <div class="one1">
            <p>生活服务</p>
        </div>
        <div class="center">
            <div class="center_top">
                <div class="top1">
                    <img src="img/001%20(4).png" alt="">
                    <span>手机充值</span>
                </div>
                <div class="top2">
                    <img src="img/001%20(5).png" alt="">
                    <span>生活缴费</span>
                </div>
                <div class="top3">
                    <img src="img/001%20(6).png" alt="">
                    <span>Q币充值</span>
                </div>
                <div class="top4">
                    <img src="img/001%20(7).png" alt="" style="width: 90px;height: 90px">
                    <span style="margin-top: -20px">城市服务</span>
                </div>
            </div>
            <div class="center_bottom">
                <div class="top5">
                    <img src="img/001%20(8).png" alt="">
                    <span>腾讯公益</span>
                </div>
                <div class="top6">
                    <img src="img/001%20(9).png" alt="">
                    <span>医疗健康</span>
                </div>
                <div class="top7">
                    <img src="img/001%20(10).png" alt="">
                    <span>防疫健康码</span>
                    <span style="margin-top: -18px;font-size: 25px;color: orange">限时推广</span>
                </div>
            </div>
        </div>
    </div>
    <div class="five_box">
        <div class="one1">
            <p>交通出行</p>
        </div>
        <div class="one2">
            <div class="one2_box1">
                <img src="img/001%20(11).png" alt="">
                <span>出行服务</span>
            </div>
            <div class="one2_box2">
                <img src="img/001%20(12).png" alt="">
                <span>火车票机票</span>
            </div>
            <div class="one2_box2">
                <img src="img/001%20(13).png" alt="">
                <span>滴滴出行</span>
            </div>
            <div class="one2_box2">
                <img src="img/001%20(14).png" alt="">
                <span>酒店</span>
            </div>
        </div>
    </div>
    <div class="six_box">
        <div class="one1">
            <p>购物消费</p>
        </div>
        <div class="center">
            <div class="center_top">
                <div class="top1">
                    <img src="img/001%20(15).png" alt="">
                    <span>京东购物</span>
                </div>
                <div class="top2">
                    <img src="img/001%20(16).png" alt="">
                    <span>美团外卖</span>
                </div>
                <div class="top3">
                    <img src="img/001%20(17).png" alt="">
                    <span>电影演出赛事</span>
                </div>
                <div class="top4">
                    <img src="img/001%20(18).png" alt="" style="width: 90px;height: 90px">
                    <span style="margin-top: -20px">美团团购</span>
                </div>
            </div>
            <div class="center_bottom">
                <div class="top5">
                    <img src="img/001%20(19).png" alt="">
                    <span>拼多多</span>
                </div>
                <div class="top6">
                    <img src="img/001%20(20).png" alt="">
                    <span>蘑菇街女装</span>
                </div>
                <div class="top7">
                    <img src="img/001%20(21).png" alt="">
                    <span>唯品会特卖</span>
                </div>
                <div class="top7">
                    <img src="img/001%20(22).png" alt="" style="width: 100px;height: 100px;margin-top: 10px">
                    <span style="margin-top: -20px">转转二手</span>
                </div>
            </div>
        </div>
        <div class="center_top-1">
            <div class="top7">
                <img src="img/001%20(1).png" alt="">
                <span>贝壳找房</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>